<script setup lang="ts">
import GlobalHeader from "../components/GlobalHeader.vue";
import GlobalFooter from "../components/GlobalFooter.vue";
</script>

<template>
  <el-container>
    <el-header>
      <GlobalHeader/>
    </el-header>
    <el-main class="main">
      <router-view/>
    </el-main>
    <el-footer>
      <global-footer/>
    </el-footer>
  </el-container>
</template>

<style scoped>
.main {
  background-color: #F7F8FA;
  min-height: 90vh;
}

:deep(.el-footer) {
  padding: 0;
}

:deep(.el-main){
  padding: 0;
}
</style>
